<template>
  <div class="test">
    <h1>test---{{ msg }}</h1>
    <!--
      第一个msg是自定义的属性，用于子组件接受数据使用
      第二个msg是父组件的数据
     -->
    <child></child>
    <child :msg="msg"></child>
  </div>
</template>
<script>
import Child from './Child.vue'
// 每个组件的数据都是独立的，组件之间数据的传递需要使用特定的方式
// 父传子
export default {
  data() {
    return {
      msg: '父组件定义的数据'
    }
  },
  components: {
    Child
  }
}
</script>
<style lang="scss"></style>
